<template>
  <form action="" id="test">
    <div>
      <label>姓名：</label>
      <input type="text" v-model.trim="name">
    </div>
    <div>
      <label>年龄：</label>
      <input type="text" v-model.trim.number="age">
    </div>
    <div>
      <label>身高：</label>
      <input type="number" v-model="height">(米)
    </div>
    <div>
      <label>体重：</label>
      <input type="number" v-model="weight">(公斤)
    </div>
    <div>
      <label>病史：</label>
      <input type="text" v-model="history">
    </div>
    <button @click="diagnosis">诊断</button>
    <div>
      <span>患者 {{name}} </span>
      <span>的诊断结果：{{ getBMI }}</span>
    </div>
  </form>
</template>

<script>
export default {
  data(){
    return {
      name:'',
      age:0,
      height:0,
      weight:0,
      history:'',
    }
  },
  methods:{
    diagnosis(){

    }
  },
  computed:{
    getBMI:{
      get(){
        return this.weight/this.height^2
      },
      set(oldVal,newVal){
        //  this.weight/this.height^2
        console.log(oldVal,newVal)
      // if(BMI<=18.5){
      //   return '体重过轻'
      // } else if(BMI<=24.9){
      //   return '正常'
      // } else if(BMI<=29.9){
      //   return '体重过重'
      // } else{
      //   return '肥胖'
      // }
      // // return BMI
      }
      
    }
  },
  mounted() {
    this.diagnosis()
  },
  
}
</script>

<style>

div{
  margin: 10px 0;
}
</style>